<template>
  <div class="App">
    <h1 class="content">我是App</h1>
    <p>{{count}}</p>
    <!-- 
      props传递数据，用给子组件添加属性的方式传递 ，prosp传值
     -->
    <Count :count="count" :changeCounrt="changeCounrt"/>
  </div>
</template>

<script>
import Count from '@/components/Count';


export default {
  name: 'App',
  components: {
    Count,
  },
 data(){
  return {
    count:0,
  }
 },
 methods:{
// 自己定义的数据只能自己来改，如果想改就把自己定义的该数据的方式传给别人
  changeCounrt(n){
    this.count +=n;
  }
 },
}
</script>



